// 获取按钮
// var theme = document.getElementsByClassName("app_del");
// // var dd = theme.child;
// console.log(theme);

// // 注册事件
// theme.onclick = function(){
//     console.log('qwer');
// }
window.onload = function () {
    var btn = document.querySelector('.app_del');
    //   var head = document.getElementsByTagName('header');
    var head = document.querySelector('header');
    var foot = document.querySelector('.copyright');
    var as = document.querySelectorAll('.guild>a');
    var foots = document.querySelectorAll('.copyright>a');

    var body = document.querySelector('body');

    var guo = document.querySelector('.header_text');


    //   console.log(area);
    //   var btn1 = ;
    //   console.log(btn1);
    var flag = true;
    btn.onclick = function () {
        // btn.style.display = "none";
        if(flag){
            head.id = 'wsj_header';
            foot.id = 'wsj_footer';
            as[0].id = 'wsj_logo_one';
            as[1].id = 'wsj_logo_two';
            as[2].id = 'wsj_logo_three';
            body.id = 'wsj_body';

            guo.style.display = 'none';
            // area.className = 'wsj_content';
            for (var i = 1; i < foots.length; i++) {
                foots[i].style.color = 'white';
            }
            var area = document.querySelector('textarea');
            console.log(area);
            if(area != null) {
                area.id = 'wsj_content';
            }
            
        }else {
            head.id = '';
            foot.id = '';
            as[0].id = '';
            as[1].id = '';
            as[2].id = '';
            body.id = '';

            guo.style.display = '';
            // area.className = 'wsj_content';
            for (var i = 1; i < foots.length; i++) {
                foots[i].style.color = '';
            }
            var area = document.querySelector('textarea');
            console.log(area);
            if(area!=null){
                area.id = '';
            }
            
        }
        flag = !flag;
    }
    
}
